<!DOCTYPE html>
<html lang="zh">
	<head>
		<meta charset="UTF-8">
		<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" />
		<meta http-equiv="X-UA-Compatible" content="ie=edge">
		<title>我的</title>
		<link rel="stylesheet" href="../css/common.css">
		<style>
			.mine {}

			.m_top {
				padding: 1.25rem;
				padding-right: 0;
			}

			.m_img {
				width: 5rem;
				height: 5rem;
				float: left;
			}

			.m_img img {
				width: 100%;
				height: 100%;
				border-radius: 100%;
			}

			.m_infor {
				float: left;
				margin-left: 0.625rem;
			}

			.m_title {
				font-size: 1rem;
			}

			.m_phone {
				font-size: 0.875rem;
				color: #888;
				margin: .3rem 0;
			}

			.m_user {
				background-color: #f6c078;
				padding: 0 1rem;
				height: 1.5rem;
				line-height: 1.5rem;
				color: #FFFFFF;
				border-radius: 2rem;
				font-size: 0.75rem;
			}

			.leal_up {
				float: right;
				background-color: #f6c078;
				color: #FFFFFF;
				font-size: 0.75rem;
				width: 5rem;
				height: 2rem;
				text-align: center;
				line-height: 2rem;
				border-top-left-radius: 2rem;
				border-bottom-left-radius: 2rem;
			}

			.other {
				padding: 0 1.25rem;
				background-color: #fff;
			}

			.title {
				padding: 1.25rem 0;
				border-bottom: 1px solid #f5f5f5;
			}

			.logo {
				width: 1rem;
				float: left;
				margin-right: 0.27rem;
			}

			.jifen {
				font-size: 0.875rem;
				float: left;
				line-height: 1rem;
			}

			.jifen span {
				color: #FF0000;
				/* margin-left: .5rem; */
			}

			.you {
				width: 0.5rem;
				height: 1rem;
				float: right;
			}

			.m_profit {
				padding: 0 0.625rem;
				width: 100%;
				box-sizing: border-box;
			}

			.m_profitBox {
				padding: 0.625rem 0;
				display: flex;
				border: 1px solid #d2d2d2;
				box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.349019607843137);
			}

			.m_profitlist {
				width: 100%;
				text-align: center;
			}

			.m_profitlist:first-child>p {
				color: #FF0000;
			}

			.m_profixNum {
				font-size: 1rem;
			}

			.m_profitWait {
				font-size: 0.875rem;
				color: #888;
			}

			.showImg {
				width: 100%;
				padding-bottom: 15%;
				position: relative;
				margin: 1.25rem 0;
			}

			.showImg img {
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
			}
		</style>
	</head>
	<body>
		<div class="tabsBox">
			<div class="topTab">
				<div class="tabLeft">首页</div>
				<div class="tabCenter"></div>
				<div class="tabRight"></div>
			</div>
		</div>
		<div class="mine">
			<div class="m_top cleardrift">
				<div class="m_img">
					<img src="../assets/meinv.png">
				</div>
				<div class="m_infor">
					<div class="m_title">小小少年</div>
					<div class="m_phone">1232131231</div>
					<div class="m_user">普通用户</div>
				</div>
				<div class="leal_up"><a href="../html/upgrade.html">升级为股东</a></div>
			</div>
			<div class="m_profit">
				<div class="m_profitBox">
					<a class="m_profitlist" href="../html/waitProfit.html">
						<p class="m_profixNum">1000</p>
						<p class="m_profitWait">待取收益</p>
					</a>
					<a class="m_profitlist" href="../html/wallet.html">
						<p class="m_profixNum">3</p>
						<p class="m_profitWait">我的钱包</p>
					</a>
					<a class="m_profitlist" href="../html/intive.html">
						<p class="m_profixNum">22</p>
						<p class="m_profitWait">邀请好友</p>
					</a>
					<a class="m_profitlist" href="../html/centerProfit.html">
						<p class="m_profixNum">1000</p>
						<p class="m_profitWait">提现总额</p>
					</a>
				</div>
			</div>
			<div class="showImg">
				<img src="../assets/bac.png">
			</div>
			<div class='other cleardrift'>
				<a href="../html/centerProfit.html">
					<div class='title cleardrift'>
						<img src='../assets/qi.png' class='logo'></img>
						<div class='jifen'>收益中心</div>
						<img src='../assets/7.png' class='you'></img>
					</div>
				</a>

				<div class='title cleardrift'>
					<img src='../assets/qi.png' class='logo'></img>
					<div class='jifen'>我的邀请</div>
					<img src='../assets/7.png' class='you'></img>
				</div>
				
				<a href="../html/myClass.html">
					<div class='title cleardrift'>
						<img src='../assets/qi.png' class='logo'></img>
						<div class='jifen'>我的课程</div>
						<img src='../assets/7.png' class='you'></img>
					</div>
				</a>
				<a href="../html/teacher.html">
				<div class='title cleardrift'>
					<img src='../assets/qi.png' class='logo'></img>
					<div class='jifen'>成为讲师<span>（享受课程分红）</span></div>
					<img src='../assets/7.png' class='you'></img>
				</div>
				</a>
				<a href="../html/helpCenter.html">
				<div class='title cleardrift'>
					<img src='../assets/qi.png' class='logo'></img>
					<div class='jifen'>新手帮助</div>
					<img src='../assets/7.png' class='you'></img>
				</div>
				</a>
				<a href="../html/contactUs.html">
				<div class='title cleardrift'>
					<img src='../assets/qi.png' class='logo'></img>
					<div class='jifen'>联系我们</div>
					<img src='../assets/7.png' class='you'></img>
				</div>
				</a>
				<a href="../html/recharge.html">
					<div class='title cleardrift'>
						<img src='../assets/qi.png' class='logo'></img>
						<div class='jifen'>绑定手机</div>
						<img src='../assets/7.png' class='you'></img>
					</div>
				</div>
			</div>
		</div>
		<div class="btmLogoBox">
		<div class="btmLogo">
			<div class="btmlogoList">
				<a href="../html/index.html">
					<img src="../assets/btm1.png" >
					<div class="btmLogoName">首页</div>
				</a>
			</div>
			<div class="btmlogoList">
				<a href="../html/douyin.html">
					<img src="../assets/btm2.png" >
					<div class="btmLogoName">抖音变现</div>
				</a>
			</div>
			<div class="btmlogoList">
				<a href="../html/centerProfit.html">
					<img src="../assets/btm3.png" >
					<div class="btmLogoName">收益中心</div>
				</a>
			</div>
			<div class="btmlogoList">
				<a href="../html/mine.html">
					<img src="../assets/btm44.png" >
					<div class="btmLogoName">我的</div>
				</a>
			</div>
			</div>
		</div>
	</body>
</html>
